#replay-infobox {
	background-color: $blue;
	color: white;
	width: 100%;

	a, a:hover, a:active {
		&:not(.btn) {
			color: $lighterblue;
		}
	}

	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;

		ul {
			margin-top: 0.5em;
		}
	}

	h1 {
		background-color: $lightblue;
		padding: 1em 0;
		font-size: 1.2em;
		text-align: center;
		text-transform: uppercase;
		font-weight: normal;
	}

	h2 {
		background-color: $aqua;
		color: $lighterblue;
		font-size: 1.1em;
		margin: 0;
		padding: 0.5em 0.5em;
		text-transform: uppercase;

		&:last-child {
			padding-bottom: 0.5em;
		}

		a, a:hover, a:active {
			color: inherit;
		}
	}

	li {
		border-bottom: 1px solid $aqua;
		padding: 0.5em 1em;

		ul {
			> li:first-of-type {
				border-top: 1px solid $aqua;
			}

			> li:last-of-type {
				padding-bottom: 0;
			}
		}
	}

	li:last-of-type {
		border-bottom: none;
	}

	#share-game-dialog {
		padding: 1em 0.5em 0;
	}

	.infobox-show-deck {
		float: right;
	}

	.infobox-value {
		color: $lighterblue;
		font-weight: bold;
		float: right;
	}

	input, select {
		color: black;
		font-weight: normal;
	}
}
